.pg-load {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(53, 47, 47, 0.52);
    z-index: 1000;
    opacity: 0.5;
    display: none;
}
.pg-pic{
    /*border-radius: 10%;*/
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    position: fixed;
    padding-top:8%;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 2000;
    /*padding-top: 20px;*/
    background-color: rgba(111, 96, 96, 0.66);
    /*line-height: 100px;*/
    /*display: inline;*/
    display: block;
}


.pg-pic-height{
    /*border-radius: 10%;*/
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    position: fixed;
    padding-top:10%;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 2000;
    /*padding-top: 20px;*/
    background-color: rgba(111, 96, 96, 0.66);
    /*line-height: 100px;*/
    /*display: inline;*/
    display: block;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}

.yl_pic{
    height: 450px;
    width: 50%;
}


.yl_pic_height{
    height: 45px;
    width: 50%;
}


